<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>首页</title>
  <link rel="stylesheet" href="./css/bootstrap.min.css">
  <link rel="stylesheet" href="./css/public.css">
  <link rel="stylesheet" href="./css/index.css">

</head>
<body>
<!-- nav -->
  <nav class="navbar">
      <div class="navbar-header">
          <div class="navbar-brand">
              <img class="img-responsive" src="./images/logo.png"  height="50" alt="">
          </div>
          <button class="navbar-toggle" data-toggle="collapse" data-target="#collapse" style="color: #000">
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
          </button>  
      </div>
      <div class="collapse navbar-collapse navbar-right" id="collapse">
          <ul class="nav navbar-nav">
              <li class="nav-list one"><a href="./index.html">首页</a></li>
              <li class="nav-list two"><a href="./product.html">项目产品</a></li>
              <li class="nav-list three"><a href="./school.html">会员学校</a></li>
              <li class="nav-list four" ><a href="./news.html">最新资讯</a></li>
              <li class="nav-list five" ><a href="./about.html">关于我们</a></li>
              <li class="nav-list six"><a href="./join_us.html">加盟猴伙人</a></li>
          </ul>
      </div>
  </nav>
<!-- nav -->
<!-- head -->
  <div class="head">
    <img class="img-responsive" src="./images/1.png" alt="">
    <div class="text">
      <div class="border-l"></div>
      <div class="border-t"></div>
      <h2>放大格局  放眼未来</h2>
      <p>Enlarging the pattem and looking for the future</p>
    </div>
  </div>
<!-- head -->

<!-- brand concept -->
  <div class="concept">
    <div class="title">
      <div class="title-con">
        <p>品牌理念</p>
        <span>Brand Concept</span>
      </div>
    </div>
    <div class="concept-con">
      <img src="./images/concept_pic.png" alt="">
    </div>
  </div>
<!-- brand concept -->

<!-- Project Product -->
  <div class="product">
    <div class="title">
      <div class="title-con">
        <p>项目产品</p>
        <span>Project Product</span>
      </div>
    </div>
    <div class="product-con clearfix">
      <div class="main">
        <img src="./images/pic_1.png" alt="">
        <h4>拼团</h4>
        <p>零成本营销一</p>
      </div>
      <div class="main">
        <img src="./images/pic_2.png" alt="">
        <h4>砍价</h4>
        <p>零成本营销二</p>
      </div>
      <div class="main">
        <img src="./images/pic_3.png" alt="">
        <h4>红包拓客</h4>
        <p>零成本营销三</p>
      </div>
      <div class="main">
        <img src="./images/pic_4.png" alt="">
        <h4>体验购</h4>
        <p>零成本营销四</p>
      </div>
    </div>
  </div>
<!-- Project Product -->

<!-- latest news -->
  <div class="news"> 
    <div class="title">
      <div class="title-con">
        <p>最新资讯</p>
        <span>Latest News</span>
      </div>
    </div>
    <div class="news-con">
      <ul class="clearfix">
        <li><a href="javascript:;">学校合作</a></li>
        <li><a href="javascript:;">加盟签约</a></li>
        <li><a href="javascript:;">视频专区</a></li>
      </ul>
      <div class="more">
        <a href="javascript:;">查看更多></a>  
      </div>
      <div class="join">
        <div class="title">
          <div class="title-con">
            <p>加入我们</p>
            <span>Join Us</span>
          </div>  
        </div>
        <form class="join-con" name="form" action="./join_us.html" method="post" id="form">
          <div class="clearfix">
            <div class="name fl">
              <p>您的姓名</p>
              <input type="text" name="name" autocomplete="true">
            </div>
            <div class="phone fl">
              <p>联系电话</p>
              <input type="text" name="mobile" autocomplete="true">
            </div>
          </div>
          <div class="clearfix">
            <div class="city fl">
              <p>所在城市</p>
              <input type="text" name="city" autocomplete="true">
            </div>
            <div class="email fl">
              <p>电子邮箱</p>
              <input type="text" name="email" autocomplete="true">
            </div>
          </div>
          <div class="message">
            <p>填写留言</p>
            <textarea name="message" autocomplete="true"></textarea>
          </div>
          <button class="submit" type="submit" id="submit">提交</button>
        </form>
      </div>
    </div>
  </div>
<!-- latest news -->
<!-- foot -->
  <div class="foot">
    <div class="logo clearfix">
      <img class="fl logo-pic" src="./images/foot-logo.png" alt="">
    </div>
    <div class="foot-con clearfix">
      <div class="about fl">
        <div class="s-title"><a href="./about.html">>关于我们</a></div>
        <ul>
          <li>公司简介</li>
          <li>文化理念</li>
          <li>公司理念</li>
          <li>团队信息</li>
        </ul>
      </div>
      <div class="project fl">
        <div class="s-title"><a href="./product.html">>项目产品</a></div>
        <ul>
          <li>拼团</li>
          <li>砍价</li>
          <li>红包拓客</li>
          <li>体验购</li>
        </ul>
      </div>
      <div class="join-us fl">
        <div class="s-title"><a href="./join_us.html">>加入我们</a></div>
        <ul>
          <li>伙伴加入</li>
          <li>代理加入</li>
          <li>学校合作</li>
        </ul>
      </div>
      <div class="contect fl ">
        <div class="s-title"><a href="javascript:;">>联系我们</a></div>
        <img class="img-responsive fl" src="./images/code.png" alt="">
        <ul class="fl">
          <li>统一咨询电话：18615381898</li>
          <li>邮箱：blongme@163.com</li>
          <li>公司地址：山东省泰安市泰山区万达广场8号写字楼1705室</li>
        </ul>
      </div>
    </div>
  </div>
<!-- foot -->
  <script src="./js/jquery.min.js"></script>
  <script src="./js/bootstrap.min.js"></script>
  <script>
    $(function() {
      $('#form').on('submit', function() {
        $('#submit').prop('disabled', true);
        $.post($(this).prop('action'), $(this).serialize(), function(res) {
          if(res.code == 1) {
            alert(res.msg);
            location.reload();
          }else {
            alert(res.msg);
          }
          $('#submit').prop('disabled', false);
        }).fail(function(e) {
          alert('服务器繁忙，请稍后再试');
          $('#submit').prop('disabled', false);
        });
        return false;
      });   
    })
  </script>
</body>
</html>